Ext.onReady(function() {
			new Ext.Viewport({
						layout : "border",
						// title : '发送通知',
						items : [{
									title : "中央面板",
									region : 'center',
									// collapsible : true,
									// titleCollapse : true,
									width : "100%",
									height : 450,
									items : [mainPanel]
								}]
					});
		});

/**
 * 定义一个班级信息的数据模版
 */
Ext.define('classInfo', {
			extend : 'Ext.data.Model',
			fields : [{
						name : 'classid',
						type : 'string'
					}, {
						name : 'name',
						type : 'string'
					}]
		});

/**
 * 定义一个短信模版的数据模版
 */
Ext.define('smsModel', {
			extend : 'Ext.data.Model',
			fields : [{
						name : 'value',
						type : 'string'
					}, {
						name : 'name',
						type : 'string'
					}]
		});

/**
 * 模版下拉框
 */
var modelStore = Ext.create('Ext.data.Store', {
			model : 'smsModel',
			proxy : {
				type : 'ajax',
				url : 'getModel',
				method : 'GET',
				reader : {
					type : 'json',
					root : 'root'
				}
			},
			autoLoad : true
		});

var classInfoStore = Ext.create('Ext.data.Store', {
			model : 'classInfo',
			proxy : {
				type : 'ajax',
				url : 'getAddress?isAll=0',
				method : 'GET',
				reader : {
					// totalProperty : 'total',
					type : 'json',
					root : 'root'
				}
			}
		});
classInfoStore.load();

var modelCombo = new Ext.form.ComboBox({
			fieldLabel : '模版',
			id : 'sModel',
			store : modelStore,
			displayField : 'name',
			pagesize : 2,
			valueField : 'value',
			allowBlank : true,
			triggerAction : 'all',
			emptyText : '请选择',
			width : 300,
			style : "margin-top: 15px; margin-left:25px;",
			selectOnFocus : true,
			forceSelection : true,
			listeners : {
				select : function(combo) {
					Ext.getCmp("mes").setValue(combo.value);
				}
			}
		});
loadPhoneNum(0);
function loadPhoneNum(para) {
	Ext.Ajax.request({
				url : 'getAddressInfo',
				params : {
					id : para
				},
				method : "GET",
				success : function(resp, opts) {
					Ext.getCmp("phoneNum").setValue(resp.responseText);
					// alert("成功啦！");
				},
				failure : function(form, action) {
					alert("加载收信人失败");
				}
			});

}
var combo = new Ext.form.ComboBox({
			fieldLabel : '收信人',
			name : 'folderMoveTo',
			id : 'team',
			store : classInfoStore,
			displayField : 'name',
			valueField : 'classid',
			mode : 'local',
			value : '0',
			allowBlank : false,
			typeAhead : true, // 自动将第一个搜索到的选项补全输入
			triggerAction : 'all',
			width : 300,
			style : "margin-top: 25px; margin-left:25px;",
			selectOnFocus : true,
			forceSelection : true,
			listeners : {
				select : function(combo) {
					var waitMsg = new Ext.LoadMask(Ext.getBody(), {
						msg : "请稍候。。。。。。",
						removeMask : true
							// 完成后移除
						});
					waitMsg.show();
					loadPhoneNum(combo.value);
					waitMsg.hide();
					// 获取选择的分组的id，发起一个ajax的请求获取该分组下的人员信息
				}
			}
		});

var pnSub1 = new Ext.Panel({
			height : 350,
			layout : 'column',
			columnWidth : .5,
			frame : true,
			// style : 'border-width:0 0 0 0;', //去除边框
			// x : 300,
			// y : 50,
			// floating : true,
			// collapsible : true,
			// titleCollapse : true,
			labelSeparator : ':',
			items : [combo, {
						xtype : 'textarea',
						fieldLabel : '号码',
						id : 'phoneNum',// 字段组件id
						labelStyle : "margin-top: 25px; margin-left:25px;",
						fieldStyle : "margin-top: 25px; margin-left:40px;",
						labelSeparator : '：',// 分隔符
						labelWidth : 80,// 标签宽度
						maxLength : 1000,
						allowBlank : true,
						readOnly : true,
						// disabled : true,
						width : 300
					}, modelCombo, {
						xtype : 'textarea',
						fieldLabel : '内容',
						id : 'mes',// 字段组件id
						labelStyle : "margin-top: 25px; margin-left:25px;",
						fieldStyle : "margin-top: 25px; margin-left:40px;",
						labelSeparator : '：',// 分隔符
						labelWidth : 80,// 标签宽度
						maxLength : 1000,
						allowBlank : false,
						width : 300
					}],
			buttonAlign : 'left',
			buttons : [{
						text : "发送",
						id : "ok",
						style : "margin-left:130px;",
						handler : function() {
							// alert(Ext.getDom('address').value);
							// //此处不可用，只能在html中使用
							// alert(document.getElementById('address').value);//此处不可用，只能在html中使用
							var teamId = Ext.getCmp('team').getValue();
							var teamName = Ext.getCmp('team').getRawValue();
							var mes = Ext.getCmp('mes').getValue();
							if (team == null) {
								alert("请选择收信人！");
								return;
							}
							if (mes == null || mes == '') {
								alert("通知内容不能为空！");
								return;
							}
							if (mes.length < 5) {
								alert("通知内容太少啦！");
								return;
							}

							var waitMsg = new Ext.LoadMask(Ext.getBody(), {
								msg : "请稍候。。。。。。",
								removeMask : true
									// 完成后移除
								});
							waitMsg.show();
							Ext.Ajax.request({
										url : 'sendSMS',
										params : {
											teamId : teamId,
											teamName : teamName,
											mes : mes
										},
										method : "POST",
										success : function(resp, opts) {
											alert("短信发送成功！");
										},
										failure : function(form, action) {
											alert("加载收信人失败");
										}
									});
							waitMsg.hide();
						}
					}, {
						text : "重置",
						id : "reset",
						style : "margin-left:25px;",
						handler : function() {
							Ext.getCmp('mes').reset();
						}
					}]
		});
var pnSub2 = new Ext.Panel({
			height : 300,
			columnWidth : .5,
			frame : true,
			// border : 0,
			style : 'border-width:0 0 0 0;',
			html : '***说明：管理员可以给全校所有教师学生发送通知消息，教师只能给所带班级发送消息！'
		});

var mainPanel = new Ext.Panel({
			layout : 'column',
			id : 'mainPanel',
			width : "100%",
			style : 'border-width:0 0 0 0;',
			frame : true,
			height : 450,
			items : [pnSub1, pnSub2]

		});
